<template>
	<div  style="background-color:white">
		<section class="top-close">
			<span style="flex: 1;"></span>
	        <span class="title-span">通知内容</span>
			<mu-icon color="#373737" :size="22" value="close" style="flex: 1; text-align: center; cursor: pointer;" @click="addressBack()"  />
		</section>
		<br/><br/><br/>
		<div style="text-align:center"><h4>{{messageCont.schoolAnnouncementTitle}}</h4><br>
		{{messageCont.schoolAnnouncementTypeName}}<br/>{{messageCont.schoolAnnouncementUpdateTime}}<br>
		</div>
		<div v-html="messageCont.schoolAnnouncementContent"></div>
	</div>
</template>
<script>
export default {
	data(){
		return{
			tznr: {},
			messageCont:{}
		}
	},mounted () {
		this.loadDetailNews()
	},
	computed:{
		url:function(){
			return 'iyx/announce/'+this.$route.params.bh+'/SelectContent'
		}
	},
  	methods: {
//		loadParams(){
//			let that = this
//			that.axios.get('/gleenSoft-base/xxgl/tzgg/get',{params:{BH:this.$route.params.bh}}).then(function (response) {
//	        	that.tznr = response.data
//	      	}).catch(function (error) {
//	        	console.log(error);
//	      	});
//		},
		getMessage(data){
			this.messageCont=data[0]
		},
		loadDetailNews(){
			let that = this
			that.axios.get(that.url).then(function (response) {
	        	that.getMessage(response.data)
	      	}).catch(function (error) {
	        	console.log(error);
	      	});
		},
		gotoAddress(path){
  			
      	},
      	addressBack(){
      		this.$router.go(-1)
      	}
	}
}
</script>
<style scoped>
 .top-close{
  	position: fixed;
	z-index: 202;
	top: 0;
	left: 0;
	width: 100%; 
	height: 3rem; 
	background: white; 
	display: flex; 
	flex-direction: row; 
	justify-content: center;
	align-items: center;
	box-shadow: 0 2px 4px rgba(202,202,202,0.2);
  }
  .title-span{
  	flex: 5;
  	text-align: center;
  	font-size: 1.1rem;
  }
</style>
